<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib  uri="http://java.sun.com/jsp/jstl/core"  prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript">
	$(function(){
		$("tr:even").css("backgroundColor","#9f9f9f");
		$("tr:first").css("backgroundColor","#6f6f6f");
	});
	function dele(id){
		if (confirm("确认删除该考勤记录吗?")) {
			$.getJSON("Dele","id="+id,function(data){
				if (data.count>0) {
					alert("删除成功");
					location.href="List";
				} else {
					alert("删除失败");
				}
			})
		} else {
			alert("您取消了删除");
		}
	}
</script>
</head>
<body>
<c:if test="${empty requestScope.list }">
	<script type="text/javascript">
		location.href="List";
	</script>
</c:if>
	<center>
		<h1>考勤信息记录表</h1>
		<table border="1">
			<tr>
				<th>员工姓名</th>
				<th>所属部门</th>
				<th>考勤日期</th>
				<th>考勤状态</th>
				<th>操作</th>
			</tr>
			<c:forEach var="att" items="${requestScope.list }">
			<tr>
				<td>${att.empName }</td>
				<td>${att.dept }</td>
				<td>${att.chkDate }</td>
				<td>${att.status }</td>
				<td><a href="javascript:dele(${att.id })">删除</a></td>
			</tr>
			</c:forEach>
		</table>
		<a href="AddAttence.jsp">考勤登记</a>
	</center>
	
</body>
</html>